<template>
	<view id="main">
		<view style="margin-top: 100upx; padding-left: 32upx;padding-right: 32upx;">
			<van-cell-group>
				<van-field :value="phone" @input="phone=$event.detail" label="手机号"placeholder="请输入手机号码" />
				<van-field :value="code" @input="code=$event.detail" label="验证码"placeholder="请输入验证码" >
					<button slot="button" class="codeButton buttonCenter">获取验证码</button>
				</van-field>
			</van-cell-group>
		</view>
		<button class="button" style="margin-top: 110upx;">确认绑定</button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				phone:'',
				code:''
			}
		}
	}
</script>
<style>
	page{
		background-color: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
	.codeButton{
		height: 50upx;
		width: 144upx;
		background: var(--theme-color);
		border-radius: 10upx;
		font-size: 24upx;
		font-weight: 500;
		color: #FFFFFF;
		margin: 0;
		padding: 0;
	}
</style>
